<script>
  export default {
    name: 'test-tooltip',

    beforeCreate() {
    }
  }
</script>

<template>
  <div class="test-tooltip">
    <z-tooltip>
      <z-button type="primary">OKOK</z-button>
      <template #content>
        <div style="width: 200px;">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa deleniti dicta, earum esse facere itaque quibusdam? Alias aliquam, architecto consectetur cumque debitis doloremque est exercitationem inventore, minus, odio perferendis repellendus.
        </div>
      </template>
    </z-tooltip>
    <g-tooltip>
      <z-button type="danger">KOKO</z-button>
      <template #content>
        <div style="width: 200px;">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci dicta explicabo magnam. A enim eveniet hic incidunt minus nam nobis odio, omnis quaerat, quia quos ratione saepe sed voluptate voluptatum?
        </div>
      </template>
    </g-tooltip>
  </div>
</template>

<style scoped>

</style>
